import React from 'react';
import { Layout, Row, Col } from 'antd';
import Header from '../../components/Header';
import Carousel from '../../components/Carousel';
import NewsList from '../../components/NewsList';
import TopicList from '../../components/TopicList';
import EditorChoice from '../../components/EditorChoice';
import HotRank from '../../components/HotRank';

const { Content } = Layout;

const Home: React.FC = () => {
  return (
    <Layout>
      <Header />
      <Content style={{ padding: '0 50px', marginTop: 64 }}>
        <div style={{ background: '#fff', padding: 24, minHeight: 280 }}>
          <Carousel />
          
          <Row gutter={24} style={{ marginTop: 24 }}>
            <Col span={16}>
              <NewsList />
            </Col>
            <Col span={8}>
              <TopicList />
            </Col>
          </Row>

          <Row gutter={24} style={{ marginTop: 24 }}>
            <Col span={16}>
              <EditorChoice />
            </Col>
            <Col span={8}>
              <HotRank />
            </Col>
          </Row>
        </div>
      </Content>
    </Layout>
  );
};

export default Home; 